<!DOCTYPE html>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="main">
	<input type="text" v-model="value">
	<div>{{ value }}</div>
</div>

<script>
var vm = new Vue({
	el: '#main',
	data: {
		value: 10,
	},
})
</script>

<script src="">
// v-model指令 用于数据绑定, 这个数据绑定是双向的, 视图上的内容发生改变的时候, 数据会随着改变, 数据被改变的时候, 视图也会被改变
// v-model绑定的字段必须出现在data中
</script>
